<script setup lang="ts">
import { useTheme } from '@/composables/useTheme';
const { colorStyle } = useTheme();
const props = defineProps({
  title: {
    default: "确认信息",
    type: String,
  },
});
// 使用defineEmits注册一个自定义事件
const emit = defineEmits(["submitHandler"]);

function clickHandler() {
  emit("submitHandler");
}
</script>
<template>
  <view class="footer" :style="colorStyle">
    <view class="theme_btn" @click="clickHandler">{{ props.title }}</view>
  </view>
</template>

<style scoped lang="scss">
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 30rpx 0 50rpx;
  background: #fff;
}
</style>
